<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>index</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="less/categories.css"/>
    <script src="js/url.js"></script>

</head>
<body>
<div class="mainPage clearfix">
    <header>
        <a href="javascript:;"><img src="images/index/header_logo.png" alt="" class="logo"/></a>
        <a href="javascript:;"><img src="images/index/header_app.png" alt="" class="app"/></a>
    </header>
    <div class="content clearfix">
        <!--搜索栏-->
        <form action="" class="clearfix">
            <div class="searchBar">
                <div class="searchContainer">
                    <input type="text" id="searchText" placeholder="请输入你想比价的商品"/>
                    <input type="submit" id="searchSubmit" value="搜索"/>
                </div>
            </div>
        </form>

        <!--商品种类-->
        <div class="container clearfix">
            <ul class="generalCategories">
            </ul>
        </div>

        <!--网页底部-->
        <div class="bottom clearfix">
            <div class="footTop clearfix">
                <a href="javascript:;" class="logIn f_left">登录</a>
                <a href="javascript:;" class="register f_left">注册</a>
                <a href="#" class="backTop f_left">
                    <img src="images/index/top.jpg" alt=""/>返回顶部
                </a>
            </div>
            <div class="footer">
                <p><a href="javascript:;">手机APP下载</a>
                    <a href="javascript:;">慢慢买手机版</a>
                    --掌上手机平台
                </p>
                <p>m.manmanbuy.com</p>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/url.js"></script>
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/flexible/flexible.js"></script>
<script src="lib/template/template.js"></script>
<script src="js/categories.js"></script>
<script type="text/html" id="category">
    {{each result as value i}}
    <li class="catName" title="{{value.titleId}}" clicked="no">{{value.title}}
        <img src="images/categories/arrow1.gif" class="arrow" alt=""/>
    </li>
    {{/each}}
</script>
<script type="text/html" id="categories">
    <li class="detail clearfix">
        <ul>
            {{include 'list'}}
        </ul>
    </li>
</script>
<script  type="text/html" id="list">
    {{each result as value}}
    <a href="goodsList.html?categoryid={{value.categoryId}}" class="link clearfix">
        <li class="speName" id="{{value.categoryId}}">{{value.category}}</li>
    </a>
    {{/each}}
</script>
</html>